.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
};
body{
	background-color:#eeeeee;
	
}
.header{
      position: fixed;
      left:0;
      top:0;
      width: 100%;
      z-index: 999;
	.px2rem(height,90);
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:#ffffff;
      a{
       width: 23%;
       padding:3%;
      }
      a:nth-child(1){
          .px2rem(font-size,50);    
      }
      a:nth-child(2){ 
       flex:1;
         text-align:center;
           .px2rem(font-size,40);    
      }
      a:nth-child(3){
      .px2rem(font-size,50);  
      }
	
}
main{
  margin-top:13%;
 
  section{
   background-color:#fff;
    display: flex;
    margin-top:2%;
    figure{
      flex:1; 

     img{

      .px2rem(width,360);
       .px2rem(height,450);    
       padding:2%;
     }
     figcaption{
      padding:0 5%;
      p:nth-child(1){
       padding-top:8%;
       .px2rem(font-size,34); 
      }
      p:nth-child(2){
       padding:8% 0;
       .px2rem(font-size,25);
       color:#999;
       line-height: 1.3; 
      }
     }
  }
}
}